*{
    margin:0;
    padding: 0;
}
.box{
    width:550px;
    margin:50px;
    position: relative;
}
img{
    width:550px;
}
.circle{
    width:550px;
    position:absolute;
    left:400px;
    top:190px;
}
.circle span{
    width:20px;
    height:20px;
    line-height: 20px;
    text-align: center;
    color:white;
    background:#ccc;
    display: block;
    margin:5px;
    float:left;
}
.circle span:hover{
    background: #999;
}
